<link rel="stylesheet" href="https://file.viplgw.cn/ui/thinku-ielts-new/css/public/public.css?v=1.15">
<link rel="stylesheet" href="https://file.viplgw.cn/ui/thinku-ielts-new/css/public/publicNew.css?v=1.2.7.2">
<link rel="stylesheet" href="https://file.viplgw.cn/ui/thinku-ielts-new/element-ui/index.css">
<link rel="stylesheet" href="https://file.viplgw.cn/ui/public/css/swiper.min.css">
<script src="https://file.viplgw.cn/ui/public/js/swiper.min.js"></script>
<script src="https://file.viplgw.cn/ui/public/lib/vue/vue.js"></script>
<script src="https://file.viplgw.cn/ui/public/js/jquery-1.12.2.min.js"></script>
<script src="https://file.viplgw.cn/ui/public/js/jquery.SuperSlide.2.1.1.js"></script>
<script src="https://file.viplgw.cn/ui/thinku-ielts-new/element-ui/index.js"></script>
<script src="https://file.viplgw.cn/ui/public/js/jquery.cookie.js"></script>
<link rel="stylesheet" href="https://file.viplgw.cn/ui/public/css/liveBox.css">
<!--<script src="https://v1.cnzz.com/z_stat.php?id=1280419405&web_id=1280419405"></script>-->
<script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1280419405'%3E%3C/span%3E%3Cscript src='https://s9.cnzz.com/z_stat.php%3Fid%3D1280419405%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
<script>
    var _czc = _czc || [];
    console.log(_czc);
</script>
<style>
    #cnzz_stat_icon_1280419405 {
        display: none;
    }

    .loginBefore {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }

    .loginBeforeLeft {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 8px;
    }

    .loginBeforeLeft > img {
        width: 100%;
    }

    .loginBeforeRight {
        position: relative;
    }

    .userNameNew {
        font-size: 14px;
        margin-bottom: 4px;
        display: flex;
        align-items: center;
    }

    .userNameNew img {
        width: 39px;
        margin-right: 10px;
        border-radius: 50%;
        border: 1px solid #fff;
    }

    .userNameNew label {
        display: inline-block;
        max-width: 90px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
        font-weight: 400;
        color: #282828;
    }

    .userNameNew:hover label {
        color: #805ac8;
    }

    .userNameNew:hover img {
        border: 1px solid #805ac8;
    }

    .p-ro {
        font-size: 14px;
    }

    .p-ro a {
        font-size: 14px;
        color: rgb(132, 84, 204);
    }

    .loginBeforeRight:hover .ucenterListNew {
        display: block;
    }

    .ucenterListNew {
        width: 134px;
        height: 222px;
        position: absolute;
        z-index: 10000;
        top: 40px;
        left: -50px;
        padding-top: 20px;
        background: url(https://file.viplgw.cn/ui/thinku-ielts-new/images/user/bg.png) no-repeat;
        background-size: cover;
        display: none;
    }

    .ucenterListNew > ul {
        border-radius: 5px;
    }

    .ucenterListNew li {
        margin: auto;
        width: 89%;
        height: 39px;
        line-height: 39px;
        text-align: center;
        list-style: none;
        border-bottom: 1px solid #F1F1F1;
    }

    .ucenterListNew li:last-child {
        border-bottom: 0 solid #F1F1F1 !important;
    }

    .ucenterListNew li a {
        font-weight: 400;
        font-size: 14px;
    }

    .ucenterListNew li a:hover {
        color: rgb(132, 84, 204);
    }

    .hotA:before {
        right: -5px;
    }

    .headLeft > a {
        margin-left: 20px;
    }
</style>
<div class=""
     style="position: fixed;top: 0;left: 0;z-index: 11;width: 100%;background: #fff;box-shadow: 0px 4px 10px 0px rgb(0, 0, 0, 0.1)">
    <div class="headerTop">
        <div class="headerTopDetail">
            <div class="trumpLeft"><a href="https://www.thinkwithu.com">申友教育集团官网</a> <a
                        href="https://liuxue.thinkwithu.com">留学</a> <a href="http://www.thinkuprep.com">雅思</a> <a
                        href="http://www.thinkugmat.com">GMAT</a></div>
            <div class="trumpRight">
                <div class="linkItem liveBoxNav">
                    <a href="javascript:;" class="liveNav" style="color:#5457C0;margin-top: 10px;font-size: 16px">
                        <img style="position: relative;top: -3px"
                             src="https://file.viplgw.cn/ui/public/img/liveBox/gif_a.gif">直播</a>
                    <div class="liveBox<?php echo $openCourse ? '' : ' noLiveBox' ?>"
                         style="display: none;box-sizing: border-box">
                        <img src="https://file.viplgw.cn/ui/public/img/liveBox/pup_close.png" class="liveBoxCancel">
                        <?php
                        if ($openCourse) {
                            ?>
                            <ul class="liveList">
                                <?php foreach ($openCourse as $k => $v) { ?>
                                    <li><a href="https://live.thinkwithu.com/watch/<?php echo $v['watch'] ?>.html">
                                            <p class="liveTime"><?php echo date('m月d日 H:i', $v['createTime']) ?><span>直播中</span>
                                            </p>
                                            <p class="liveTitle"><?php echo $v['title'] ?></p>
                                        </a>
                                    </li>
                                <?php } ?>
                            </ul>
                            <input type="hidden" id="hasLive" value="1">
                        <?php } else {
                            ?>
                            <div class="noLive">
                                <img src="https://file.viplgw.cn/ui/public/img/liveBox/none_thinku.png"
                                     style="width: 65px">
                                <p class="noLiveText">当前时段没有直播<br>
                                    去看看其他课程安排吧</p>
                                <a href="/active.html#main" class="toOpen"
                                   style="border-color: #805AC8;color: #805AC8 !important;">前往公开课</a>
                            </div>
                            <input type="hidden" id="hasLive" value="0">
                        <?php } ?>
                    </div>
                </div>

                <div class="agency" style="position: relative;"><span class="agencyName">子机构<img
                                src="https://www.thinkwithu.com/cn/images/indexNew/downJt.png" alt=""
                                class="agenImg"></span>
                    <div class="eaxm-list eaxm-listAgen">
                        <ul>
                            <li><a href="https://sh.thinkwithu.com/">申友-上海（总部）中心</a>
                                <div class="address-left"><img
                                            src="https://www.thinkwithu.com/files/attach/images/20191129/1574997604285553.png"
                                            alt="图片"> <a
                                            href="http://p.qiao.baidu.com/cps/chat?siteId=16998548&amp;userId=33849315&amp;siteToken=7cd36701218f371f017669bb0282f879"
                                            target="_blank" class="btn">免费咨询</a>
                                    <div class="address-purple">
                                        <p><b>咨询热线：</b>
                                            021-52986736 </p> <span
                                                class="m-b-address">地址：上海市徐汇区文定路218号德必徐家汇WE艺术湾B座207</span>
                                    </div>
                                </div>
                            </li>
                            <li><a href="https://bj.thinkwithu.com/">申友-北京中心</a>
                                <div class="address-left"><img
                                            src="https://www.thinkwithu.com/files/attach/images/20160428/1461828761876885.jpg"
                                            alt="图片"> <a
                                            href="http://p.qiao.baidu.com/cps/chat?siteId=16998548&amp;userId=33849315&amp;siteToken=7cd36701218f371f017669bb0282f879"
                                            target="_blank" class="btn">免费咨询</a>
                                    <div class="address-purple">
                                        <p><b>咨询热线：</b>
                                            010-82194388 </p> <span
                                                class="m-b-address">地址：北京市朝阳区雅宝路7号 E园EPARK大厦4楼</span>
                                    </div>
                                </div>
                            </li>
                            <li><a href="https://gz.thinkwithu.com/">申友-广州中心</a>
                                <div class="address-left"><img
                                            src="https://www.thinkwithu.com/files/attach/images/20220309/1646790483301171.jpg"
                                            alt="图片"> <a
                                            href="http://p.qiao.baidu.com/cps/chat?siteId=16998548&amp;userId=33849315&amp;siteToken=7cd36701218f371f017669bb0282f879"
                                            target="_blank" class="btn">免费咨询</a>
                                    <div class="address-purple">
                                        <p><b>咨询热线：</b>
                                            020-87589724 </p> <span
                                                class="m-b-address">地址：广州天河区华穗路406号保利克洛维中景大厦（预约洽谈）</span>
                                    </div>
                                </div>
                            </li>
                            <li><a href="https://wh.thinkwithu.com/">申友-武汉中心</a>
                                <div class="address-left"><img
                                            src="https://www.thinkwithu.com/files/attach/images/20220218/1645151875461773.png"
                                            alt="图片"> <a
                                            href="http://p.qiao.baidu.com/cps/chat?siteId=16998548&amp;userId=33849315&amp;siteToken=7cd36701218f371f017669bb0282f879"
                                            target="_blank" class="btn">免费咨询</a>
                                    <div class="address-purple">
                                        <p><b>咨询热线：</b>
                                            027-87132585 </p> <span
                                                class="m-b-address">地址：武汉市珞喻路889号光谷融众国际写字楼23层2302室</span>
                                    </div>
                                </div>
                            </li>
                            <li><a href="https://cd.thinkwithu.com/">申友-成都中心</a>
                                <div class="address-left"><img
                                            src="https://www.thinkwithu.com/files/attach/images/20151217/1450343767839736.png"
                                            alt="图片"> <a
                                            href="http://p.qiao.baidu.com/cps/chat?siteId=16998548&amp;userId=33849315&amp;siteToken=7cd36701218f371f017669bb0282f879"
                                            target="_blank" class="btn">免费咨询</a>
                                    <div class="address-purple">
                                        <p><b>咨询热线：</b>
                                            028-64442708 </p> <span class="m-b-address">地址：四川省成都市锦江区春熙路街道梓潼桥正街25号西部文化产业中心8楼</span>
                                    </div>
                                </div>
                            </li>
                            <li><a href="javascript:void(0);">申友-杭州中心</a>
                                <div class="address-left"><img
                                            src="https://www.thinkwithu.com/files/attach/images/20190306/1551842642766707.jpg"
                                            alt="图片"> <a
                                            href="http://p.qiao.baidu.com/cps/chat?siteId=16998548&amp;userId=33849315&amp;siteToken=7cd36701218f371f017669bb0282f879"
                                            target="_blank" class="btn">免费咨询</a>
                                    <div class="address-purple">
                                        <p><b>咨询热线：</b>
                                            0571-87244618 </p> <span
                                                class="m-b-address">地址：杭州市江干区江锦路159号 平安金融中心B座9楼</span>
                                    </div>
                                </div>
                            </li>

                            <li><a href="https://xa.thinkwithu.com/">申友-西安中心</a>
                                <div class="address-left"><img
                                            src="https://www.thinkwithu.com/files/attach/images/20201010/1602296469896295.png"
                                            alt="图片"> <a
                                            href="http://p.qiao.baidu.com/cps/chat?siteId=16998548&amp;userId=33849315&amp;siteToken=7cd36701218f371f017669bb0282f879"
                                            target="_blank" class="btn">免费咨询</a>
                                    <div class="address-purple">
                                        <p><b>咨询热线：</b>
                                            029-85240012 </p> <span
                                                class="m-b-address">地址：陕西省西安市莲湖区北大街88号嘉会广场C座4层</span>
                                    </div>
                                </div>
                            </li>
                            <li><a href="https://cq.thinkwithu.com/">申友-重庆中心</a>
                                <div class="address-left"><img
                                            src="https://www.thinkwithu.com/files/attach/images/20200117/1579246716579693.jpg"
                                            alt="图片"> <a
                                            href="http://p.qiao.baidu.com/cps/chat?siteId=16998548&amp;userId=33849315&amp;siteToken=7cd36701218f371f017669bb0282f879"
                                            target="_blank" class="btn">免费咨询</a>
                                    <div class="address-purple">
                                        <p><b>咨询热线：</b>
                                            023-63261757 </p> <span class="m-b-address">地址：重庆市渝中区邹容路68号大都会广场16楼1603-1604室</span>
                                    </div>
                                </div>
                            </li>
                            <li><a href="javascript:void(0);">申友-深圳中心</a>
                                <div class="address-left"><img
                                            src="https://www.thinkwithu.com/files/attach/images/20151217/1450346141223182.png"
                                            alt="图片"> <a
                                            href="http://p.qiao.baidu.com/cps/chat?siteId=16998548&amp;userId=33849315&amp;siteToken=7cd36701218f371f017669bb0282f879"
                                            target="_blank" class="btn">免费咨询</a>
                                    <div class="address-purple">
                                        <p><b>咨询热线：</b>
                                            400-600-1123 </p> <span
                                                class="m-b-address">地址：深圳市南山区玉泉路116号融创毅哲大厦（预约洽谈）</span>
                                    </div>
                                </div>
                            </li>
                            <li><a href="https://cs.thinkwithu.com/">申友-长沙中心</a>
                                <div class="address-left"><img
                                            src="https://www.thinkwithu.com/files/attach/images/20210311/1615434256437467.jpg"
                                            alt="图片"> <a
                                            href="http://p.qiao.baidu.com/cps/chat?siteId=16998548&amp;userId=33849315&amp;siteToken=7cd36701218f371f017669bb0282f879"
                                            target="_blank" class="btn">免费咨询</a>
                                    <div class="address-purple">
                                        <p><b>咨询热线：</b>
                                            0731-84480793 </p> <span
                                                class="m-b-address">地址：湖南省长沙市开福区万达广场-C3栋1104室</span>
                                    </div>
                                </div>
                            </li>
                            <li><a href="https://qd.thinkwithu.com/">申友-青岛中心</a>
                                <div class="address-left"><img
                                            src="https://www.thinkwithu.com/files/attach/images/20210507/1620366560405874.png"
                                            alt="图片"> <a
                                            href="http://p.qiao.baidu.com/cps/chat?siteId=16998548&amp;userId=33849315&amp;siteToken=7cd36701218f371f017669bb0282f879"
                                            target="_blank" class="btn">免费咨询</a>
                                    <div class="address-purple">
                                        <p><b>咨询热线：</b>
                                            0532-80903870 </p> <span
                                                class="m-b-address">地址：青岛市市南区南京路8号 府都大厦909室</span>
                                    </div>
                                </div>
                            </li>
                            <li style="display: none"><a href="javascript:void(0);">申友-郑州中心</a>
                                <div class="address-left"><img
                                            src="https://www.thinkwithu.com/files/attach/images/20210507/1620366677207777.png"
                                            alt="图片"> <a
                                            href="http://p.qiao.baidu.com/cps/chat?siteId=16998548&amp;userId=33849315&amp;siteToken=7cd36701218f371f017669bb0282f879"
                                            target="_blank" class="btn">免费咨询</a>
                                    <div class="address-purple">
                                        <p><b>咨询热线：</b>
                                            0371-55963866 </p> <span class="m-b-address">地址：河南省郑州市金水区花园路与农科路交汇处建业凯旋广场B座1025</span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="appDe" style="position: relative;"><span class="appDeName">APP<img
                                src="https://www.thinkwithu.com/cn/images/indexNew/downJt.png" alt=""
                                class="appImg"></span>
                    <div class="pull_down" style="">
                        <ul>
                            <li><a rel="nofollow" href="https://www.thinkwithu.com/cn/app/app-page" 　=""
                                   title="申友留学APP"
                                   target="_blank">
                                    <div class="first_layer"><img
                                                src="https://www.thinkwithu.com/cn/images/thinkuAppLogo.png"
                                                alt="app logo图标"> <span>申友留学</span></div>
                                </a>
                            </li>
                            <li><a rel="nofollow" href="https://www.thinkuprep.com/ieltsapp.html " title="申友雅思APP"
                                   target="_blank">
                                    <div class="first_layer"><img
                                                src="https://file.viplgw.cn/ui/thinku-gmat/cn/images/oeltsAPP_logo.png"
                                                alt="app logo图标"> <span>申友雅思</span></div>
                                </a>

                        </ul>
                    </div>
                </div>
                <div class="weChatDe" style="position: relative;"><span class="chatName">公众号<img
                                src="https://www.thinkwithu.com/cn/images/indexNew/downJt.png" alt=""
                                class="chatImg"></span>
                    <div class="pull_down" style="top: 40px;">
                        <ul>
                            <li><a href="javascript:void(0);" title="申友GMAT微信二维码">
                                    <div class="first_layer"><img
                                                src="https://www.thinkwithu.com/cn/images/indexNew/shenygamter.jpg"
                                                alt="申友 logo图标"> <span>申友GMAT</span></div>
                                </a>
                                <div class="code_box"><img
                                            src="https://www.thinkwithu.com/cn/images/indexNew/shenygamter.jpg"
                                            alt="申友GMAT微信二维码"></div>
                            </li>
                            <li><a href="javascript:void(0);" title="申友留学微信二维码">
                                    <div class="first_layer"><img
                                                src="https://www.thinkwithu.com/cn/images/indexNew/shenyouluexue.jpg"
                                                alt="申友 logo图标"> <span>申友留学</span></div>
                                </a>
                                <div class="code_box"><img
                                            src="https://www.thinkwithu.com/cn/images/indexNew/shenyouluexue.jpg"
                                            alt="申友留学微信二维码"></div>
                            </li>
                            <li><a href="javascript:void(0);" title="申友雅思微信二维码">
                                    <div class="first_layer"><img
                                                src="https://www.thinkwithu.com/cn/images/indexNew/thinkuYsi.jpg"
                                                alt="申友 logo图标"> <span>申友雅思</span></div>
                                </a>
                                <div class="code_box"><img
                                            src="https://www.thinkwithu.com/cn/images/indexNew/thinkuYsi.jpg"
                                            alt="申友留学微信二维码"></div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="phoneCover"><img src="https://file.viplgw.cn/ui/thinku-smart/images/indexDd/15@2x.png"
                                             alt="">
                    400-600-1123
                </div>
            </div>
        </div>
    </div>
    <section class="navHead" id="navHead">
        <!-- 导航栏左侧 -->
        <div class="headLeft">
            <div class="imgBox">
                <img class="logo" src="https://file.viplgw.cn/ui/public/img/logo/ielts13.png"
                     alt="雅思logo">
            </div>
            <a href="/" <?php echo $controller == 'index' ? 'class="on"' : '' ?>>首页</a>

            <a href="javascript:;">做题练习
                <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/index/67.png" alt="">
                <div class="coverA">
                    <div class="navListPop">
                        <!--                    <object><a href="http://ielts.thinkwithu.com/ceshi.html">水平测试</a></object>-->
                        <!--                    <object><a href="javascript:void(0);">做题模考</a></object>-->
                        <!--                    <object><a href="javascript:void(0);">全真模考</a></object>-->
                        <!--                    <object><a href="/exercise.html">练习专题</a></object>-->
                        <object><a onclick="_czc.push(['_trackEvent','首页-顶部导航-做题练习','查看详情','',''])"
                                   href="/cn/mock/list">机考模拟</a></object>
                        <object><a onclick="_czc.push(['_trackEvent','首页-顶部导航-做题练习','查看详情','',''])"
                                   href="/xiti.html">真题练习</a></object>
                        <object><a onclick="_czc.push(['_trackEvent','首页-顶部导航-做题练习','查看详情','',''])"
                                   href="/cn/evaluation/get-paper">智能测评</a></object>
                        <object><a onclick="_czc.push(['_trackEvent','首页-顶部导航-做题练习','关于模考','',''])"
                                   href="/exercise.html">关于模考</a>
                        </object>
                    </div>
                </div>
            </a>
            <a href="javascript:;" <?php echo $controller == 'course' ? 'class="on"' : '' ?>>
                课程中心<img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/index/67.png" alt="">
                <div class="coverA">
                    <div class="navListPop">
                        <object><a onclick=""
                                   href="/course-detail/506.html">封闭集训班</a></object>
                        <object><a class="hotA"
                                   onclick=""
                                   href="/course-detail/504.html">冲分进阶班</a></object>
                        <object><a class="hotA" onclick=""
                                   href="/course-detail/535.html">冲分精英班</a></object>
                        <object><a onclick=""
                                   href="/mall.html">选课中心</a></object>
                    </div>
                </div>
            </a>
            <a onclick="" style="display: none"
               href="/amanda.html" <?php echo $controller == 'news' && $action == 'amanda' ? 'class="on"' : '' ?>>Amanda教雅思</a>
            <a onclick=""
               href="/news.html" <?php echo $controller == 'news' && $action != 'amanda' ? 'class="on"' : '' ?>>雅思资讯</a>
            <a onclick=""
               href="/active.html" <?php echo $controller == 'active' ? 'class="on"' : '' ?>>雅思活动</a>
            <a onclick="" style="display: none"
               href="/case.html" <?php echo $controller == 'case' ? 'class="on"' : '' ?>>雅思案例</a>

            <!--            <a onclick=""-->
            <!--               href="javascript:void(0);">关于申友<img-->
            <!--                        src="https://file.viplgw.cn/ui/thinku-ielts-new/images/index/67.png" alt="">-->
            <!--                <div class="coverA">-->
            <!--                    <div class="navListPop">-->
            <!--                        <object><a onclick=""-->
            <!--                                   href="/news/shenyou.html">申友头条</a></object>-->
            <!--                        <object><a onclick=""-->
            <!--                                   href="/city.html">校区查询</a></object>-->
            <!--                        <object><a onclick=""-->
            <!--                                   href="/teacher.html">师资团队</a>-->
            <!--                        </object>-->
            <!--                        <object><a onclick=""-->
            <!--                                   href="/about-us.html">关于我们</a>-->
            <!--                        </object>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </a>-->
            <a href="/teacher.html" <?php echo $controller == 'teacher' ? 'class="on"' : '' ?>>雅思老师</a>
            <!--            <a onclick=""-->
            <!--               href="javascript:void(0);">师资团队<img-->
            <!--                        src="https://file.viplgw.cn/ui/thinku-ielts-new/images/index/67.png" alt="">-->
            <!--                <div class="coverA">-->
            <!--                    <div class="navListPop">-->
            <!--                        <object><a onclick=""-->
            <!--                                   href="/news/shenyou.html">申友头条</a></object>-->
            <!--                        <object><a onclick=""-->
            <!--                                   href="/city.html">校区查询</a></object>-->
            <!--                        <object><a onclick=""-->
            <!--                                   href="/teacher.html">雅思老师</a>-->
            <!--                        </object>-->
            <!---->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </a>-->

            <a href="javascript:void(0);">雅思工具<img
                        src="https://file.viplgw.cn/ui/thinku-ielts-new/images/index/67.png"
                        alt="">
                <div class="coverA">
                    <div class="navListPop">
                        <object><a onclick=""
                                   href="/ieltsapp.html">雅思APP</a>
                            <!--                        <div class="appImg">-->
                            <!--                            <img src="http://www.thinkugmat.com/files/attach/images/20210118/1610950271381920.png">-->
                            <!--                        </div>-->
                        </object>
                        <!--                        <object><a onclick=""-->
                        <!--                                   href="/guide.html">考试指南</a></object>-->
                        <!--                        </object>-->
                        <object><a onclick=""
                                   href="/guide.html">雅思指南</a></object>
                        <object><a onclick=""
                                   href="/calendar.html">考试日历</a>
                        </object>


                        <object><a onclick=""
                                   href="javascript:void(0);">雅思小程序</a>
                            <div class="appsImg">
                                <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/indexNew/cepinces.png">
                            </div>
                        </object>

                        <object><a onclick=""
                                   href="https://fm.thinkwithu.com/cn/index/index?type=1">雅思视频</a>
                        </object>
                        <object><a onclick=""
                                   href="/about-us.html">关于我们</a>
                        </object>
                    </div>
                </div>
            </a>
            <a href="javascript:void(0);">留学选校<img
                        src="https://file.viplgw.cn/ui/thinku-ielts-new/images/index/67.png"
                        alt="">
                <div class="coverA">
                    <div class="navListPop">
                        <object><a target="_blank"
                                   href="https://www.thinkwithu.com/choice-test.html">选校测评</a>

                        </object>
                        <object><a target="_blank"
                                   href="https://www.thinkwithu.com/schools-ranking/293/434/1.html">QS排名</a></object>

                        <object><a target="_blank" href="https://liuxue.thinkwithu.com/case.html">留学案例</a>
                        </object>

                        <object><a target="_blank" href="https://www.thinkwithu.com/practices.html#trace1">实习科研</a>
                        </object>
                    </div>
                </div>
            </a>

            <!--        <a href="https://www.thinkwithu.com/">申友教育官网</a>-->
        </div>
        <!-- 导航栏右侧 -->

        <?php if ($userId == false) { ?>
            <div class="hRight" style="position: relative">
                <a onclick="_czc.push(['_trackEvent','登录（首页顶部导航）','填写手机号','',''])"
                   href="/login.html?source=10&url=https://<?php echo $_SERVER['SERVER_NAME'] . Yii::$app->request->getUrl() ?>">登录&nbsp;&nbsp;</a>
                <a onclick="_czc.push(['_trackEvent','注册（首页顶部导航）','填写手机号','',''])"
                   href="/register.html?source=10&url=https://<?php echo $_SERVER['SERVER_NAME'] . Yii::$app->request->getUrl() ?>">注册</a>
                <p class="registNotice" style="position: absolute;top: 0;right: -130px;">注册领取冲7分资料</p>
            </div>
        <?php } else {
            $token = Yii::$app->session->get('sslToken', $token); ?>
            <div class="loginBefore">
                <div class="loginBeforeRight">
                    <p class="userNameNew" style="">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/user/default@2x.png"
                             alt=""><label><?php echo $userData['nickname'] == false ? $userData['userName'] : $userData['nickname'] ?></label>
                    </p>
                    <div class="ucenterListNew">
                        <ul>
                            <li>
                                <a onclick="_czc.push(['_trackEvent','头像和昵称','个人中心','',''])"
                                   href="/ucenter.html">个人中心</a>
                            </li>
                            <li>
                                <a onclick="_czc.push(['_trackEvent','头像和昵称','全部课程','',''])"
                                   href="/my-course.html">全部课程</a>
                            </li>
                            <li><a onclick="_czc.push(['_trackEvent','头像和昵称','全部订单','',''])"
                                   href="/order.html">全部订单</a>
                            </li>
                            <li><a onclick="_czc.push(['_trackEvent','头像和昵称','做题记录','',''])"
                                   href="/record.html">做题记录</a>
                            </li>
                            <li><a onclick="_czc.push(['_trackEvent','头像和昵称','退出','',''])"
                                   href="javascript:void(0);"
                                   data-title="index" data-value="index"
                                   @click="loginOut()">退出</a>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
        <?php } ?>


    </section>
</div>
<script>
    window.nav = new Vue({
        el: '#navHead',
        data() {
            return {
                phone: '',
                code: '',
                time: 60,
                isShow: false,
                isSend: false,
                isError: false,
                isSuccess: false,
                text: '获取验证码',
                remark: '<?php echo !empty($ad) ? $ad['remark'] : '' ?>',
                num: 0,
            }
        },
        created() {

        },
        mounted() {
            let that = this;
            window.addEventListener('scroll', that.scrollBottom)
        },
        destroyed() {

        },
        methods: {
            loginOut() {
                $.post('/cn/new-api/login-out', {}, function (re) {
                    window.location.reload()
                }, 'json')
            },
            scrollBottom() {
                let that = this;
                let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
                // 变量 windowHeight 是可视区的高度
                let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
                if (scrollTop > windowHeight - 1050) {
                    //到底后要进行的操作
                    if (that.num === 0) {
                        that.isShow = true
                        that.num++
                    }
                    // that.isShow = true;
                } else {
                    // that.isShow = false;
                }
            },
            getBottomCode() {
                let that = this;
                let myreg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
                if (that.phone.replace(/\s*/g, "") != '' && myreg.test(that.phone)) {
                    if (!that.isSend) {
                        that.isSend = true;
                        $.post('/cn/api/phone-code', {
                            phone: that.phone
                        }, function (res) {
                            if (res.code == 1) {
                                let timer = setInterval(function () {
                                    that.time--;
                                    if (that.time >= 0) {
                                        that.text = that.time + 's';
                                    } else {
                                        clearInterval(timer);
                                        that.isSend = false;
                                        that.text = '获取验证码';
                                        that.time = 60;
                                    }
                                }, 1000)
                            } else {
                                that.isSend = false;
                                alert(res.message)
                            }

                        }, 'json')

                    }
                } else {
                    that.isError = true;
                    setTimeout(function () {
                        that.isError = false;
                    }, 1000);
                }
            },
            subBottomInfo() {
                let that = this;
                let myreg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
                if (that.phone.replace(/\s*/g, "") != '' && myreg.test(that.phone) && that.code.replace(/\s*/g, "") != '') {
                    $.post('/cn/api/leave-words', {
                        phone: that.phone,
                        code: that.code,
                        remark: that.remark,
                    }, function (res) {
                        if (res.code == 1) {
                            that.isSuccess = true;
                            setTimeout(function () {
                                that.isSuccess = false;
                            }, 3000)
                        } else {
                            alert(res.message)
                        }
                    }, 'json')
                } else if (!myreg.test(that.phone)) {
                    that.isError = true;
                    setTimeout(function () {
                        that.isError = false;
                    }, 1000);
                }
            },
        }
    });

    //关闭后3小时内不再自动显示
    var lastClose = $.cookie('closeLiving');
    var hasLive = $('#hasLive').val();
    if (lastClose) {
        $('.liveBox').hide();
    } else if (hasLive == 1) {
        //有直播
        $('.liveBox').show()
    }

    $('.liveNav').click(function () {
        $('.liveBox').show()
    })
    $('.liveBoxCancel').click(function () {
        $('.liveBox').hide()
        if (hasLive == 1 && !lastClose) {
            var expiresDate = new Date();
            expiresDate.setTime(expiresDate.getTime() + (3 * 3600 * 1000));
            $.cookie("closeLiving", 1, {expires: expiresDate, path: '/'})
        }
    })
</script>
